$(function () {

  /* 根据点击的标签的 id 获取数据 */

  var strid = location.search;

  /* 获取数据 渲染页面 */
  $.ajax({
    type: "get",
    dataType: "json",
    url: "http://193.112.55.79:9090/api/getcouponproduct" + strid,
    success: function (res) {

      //  console.log(res);
      var htmlStr = template("details-tmp", {
        data: res.result
      })
      // console.log(res);
      // console.log(htmlStr);
      $(".packing").html(htmlStr);

      a = document.querySelectorAll('.packing-j a');

    }

  })

  var index;
  /* 点击a 获取相应的 图片 */
  $(".packing").on("click", "a", function () {

    $(".alertBox").css("display", "block");

    var img = $(this).find("img").attr("src");
    /* 索引  */
    index = $(this).attr("data-index");
    // console.log(index);
    // console.log(cpID);
    $(".alert img").attr("src", img);


  })

  /* 点击图片 空白处消除弹出层 */
  $(".bg").on("click", function () {
    $(".alertBox").css("display", "none")
  })


  /* 点击 按钮 加载下一张图片*/
  var a;

  // console.log(a);
  $(".next-img").on("click", function () {
    index++;
    // console.log(index);
    // console.log(typeof(index));
    // console.log(a.length);
    
    if(index>=a.length){
      index=0;
    }
    // console.log(a[index]);
    var img = $(a[index]).find("img").attr("src");
    $(".alert img").attr("src", img);

  })

  $(".up-img").on("click", function () {

    index--;
    if(index<0){
        index=a.length-1;     
      }

    console.log(index);
    // console.log(typeof(index));
    console.log(a[index]);
    var img = $(a[index]).find("img").attr("src");
    $(".alert img").attr("src", img);
   

  })



})